// 注册页面的入口函数 Page({ })
Page({
  // 页面模板语法数据
  data: {
    // 当前选项卡的索引值 - 点击的时候改变选项卡索引值就可以实现切换
    currentIndex: 3,     // 临时改成索引值 3，调试专辑页
    // 定义 tabs 文字数据
    tabsData: [
      { id: 1, title: '推荐' },
      { id: 2, title: '分类' },
      { id: 3, title: '最新' },
      { id: 4, title: '专辑' },
    ]
  },
  // 🚩 重点难点，获取参数，更新页面数据
  changeIndex(e){
    // 获取当前点击元素的索引值
    let { current } = e.currentTarget.dataset;
    // console.log(current);
    // 把索引值更新到 currentIndex 变量中
    this.setData({
      currentIndex: current
    });
    // 1. 获取到 tabsData 的数据
    let { tabsData } = this.data;
    // 2. 根据当前点击的索引获取到标题数据
    let { title } = tabsData[current];
    // 3. 动态修改头部标题
    wx.setNavigationBarTitle({ title });
  },
})